<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网页三要素 -->
    <title>img图片标签</title>
    <meta name="keywords" content="HTML, CSS, JavaScript">
    <meta name="description" content="这是一个img图片标签的案例">
</head>
<body>
    <h1>img图片标签</h1>
    <!-- 图片四要素 -->
    
    <img 
    src="https://img1.360buyimg.com/n6/jfs/t1/337552/39/14723/70242/68d53555F31a286e3/c999ab4f5a920ecc.jpg"
    alt="17Pro 妙享背屏 6300mAh大电池 第五代骁龙8至尊版 "
    width="200"
    height="200"
    />
    <!-- 图片宽度 和 高度单位都是px -->
     <img
     src="images/maotai.avif"
     alt="茅台"
     width="200"
     height="200">
</body>
</html>